/*模考*/
.mkcard { display: flex; flex: 1; font-size: 12px; line-height: 1.7; box-sizing: border-box; padding: 1px; position: relative; box-sizing: border-box;
    transition: 0.3s all; flex-wrap: wrap; overflow: hidden; border-bottom: 1px solid #eee; }
.mkcard .article{ width: 100%; display: block; background: #fff; font-size: 28rpx; padding: 10px; box-sizing: border-box; }
.mkcard .result{ width: 100%; display: block; background: #fff; font-size: 28rpx; padding: 10px; box-sizing: border-box; }
.mkcard .result.right{ color: #07c160; }
.mkcard .result.wrong{ color: #fc1047; }
.mkcard .problem{ width: 100%; display: block; background: #fff; font-size: 30rpx; padding: 10px; color: #0d65ff; box-sizing: border-box; }
.mkcard .problem .spaninline{font-size: 28rpx; line-height: 1.8;}
.mkcard .problem .imgbox{font-size: 28rpx; line-height: 1.8;}
.mkcard .analysis{ width: 100%; display: block; background: #fff; font-size: 28rpx; padding: 10px; color: #ff2e69;box-sizing: border-box; }
.mkcard .itemlist{ width: 100%; display: block }
.mkcard .itemlist .imgbox{font-size: 26rpx; line-height: 1.6;}
.mkcard .itemlist .itemlist-i{ flex: none !important; }
.mkcard .spaninline{ display: inline; padding-right: 5px; white-space: nowrap; float: left; box-sizing: border-box;}
.mkcard .item-right-icon{ font-size: 24px; color: #1989fa; }
.mkcard .item-right-icon .kong{ color: #e6e6e6; }
.mkcard .item-right-icon .right{ color: #07c160; }
.mkcard .item-right-icon .wrong{ color: #fc1047; }


/*模考公用*/
.mkboxbanner{ width: 100%; min-height: 100vh; display: block; position: relative; color: #fff; background-size: cover; background-position: top center;}
.mkboxbanner image{ width: 100%; display: block; height: auto; position: absolute; left: 0; top: 0px;}
.mkboxbanner .mkboxbannertext{ text-align: center; width: 100%; display: block; padding: 0px 10px; padding-top: 240px; position: relative; box-sizing: border-box; }
.mkresult{ width: 95%; margin: 30rpx auto; background: rgba(255,255,255,0.9); color: #333; padding: 20rpx; border-radius: 5px; box-sizing: border-box; }
.mkresult .mkresult_fenshu{ background: url('http://hlj.offcn.com/zg/zgvipimg/maisui.png') no-repeat center; background-size: auto 100%; display: flex; align-items: center;
    justify-content: center; padding: 30rpx; flex-wrap: wrap; font-size: 28rpx; line-height: 1.5; box-sizing: border-box; }
.mkresult .mkresult_fenshu strong{ width: 100%; display: block; font-size: 50rpx; font-weight: normal; line-height: 1.7; }
.mkresult .mkresult_list{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.mkresult .mkresult_list p{ width: 50%; display: block; text-align: left; }
.mkresult h3{ font-size: 30rpx; line-height: 2; color: #333; }
.mkresult p{ font-size: 28rpx; line-height: 2; }
.mkresult p span{ font-size: 30rpx; color: #fc1047; }
.mkbox{ width: 100%; display: block; }
.mkbox.fixed{ padding-top: 75px; box-sizing: border-box;}
.mkbox.fixed .mkinfobox{ position: fixed; left: 0; top: 0; z-index: 1;}
.mkinfobox{ width: 100%; display: block; background: #fff; box-sizing: border-box; padding-top: 5px; box-sizing: border-box; }
.mkinfobox .mkinfo{ width: 100%; display: flex; flex-wrap: nowrap; justify-content: space-between; font-size: 12px; white-space: nowrap; align-items: center; padding: 5px 10px;
    box-sizing: border-box; box-sizing: border-box;}
.mkinfobox .mkinfo.infoa{ background:#fffbe8; color: #ed6a0c; box-sizing: border-box; padding: 5px; margin-top: 5px; box-sizing: border-box; }
.dtcontrol{ width: 100%; position: fixed; left: 0; bottom: 0; }
.jiaojuanbox{ padding-top: 20%; box-sizing: border-box; font-size: 34px; line-height: 3; height: 100vh; text-align: center; box-sizing: border-box; }
.dtswiperbox{ width: 100%; height: 300px; position: relative; }
.dtswiper{ width: 100%; min-height: 100%; display: block; position: relative;  }
.dtswiper .dtitem{  }
.dtswiper .dtitem.active{ height: auto !important; }
.tipbox{ text-align: center; font-size: 22px; line-height: 2; }
.tipbox h3{ margin-bottom: 20px; }